<template>
  <div class="bbs-home">
    <el-card class="box-card" style="min-height: 800px">
      <el-tabs v-model="activeName" type="card">
        <el-tab-pane label="我的话题" name="Topic"></el-tab-pane>
        <el-tab-pane label="我的收藏" name="Collect"></el-tab-pane>
        <el-tab-pane label="我的粉丝" name="Fans"></el-tab-pane>
        <el-tab-pane label="我的关注" name="Follow"></el-tab-pane>
      </el-tabs>
      <component :is="activeName" classType="5" :userId="userId" />
    </el-card>
    <SendMessage />
  </div>
</template>
<script>
import userInfo from '@/mixins/userInfo'
export default {
  mixins: [userInfo],
  components: {
    Topic: () => import('./topic/index.vue'),
    Collect: () => import('./collect/index.vue'),
    Fans: () => import('./fans/index.vue'),
    Follow: () => import('./follow/index.vue'),
    SendMessage: () => import('@/components/sendMessage'),
  },
  data() {
    return {
      activeName: 'Topic',
    }
  },
}
</script>
<style scoped lang="scss">
.bbs-home {
  margin-top: 10px;
}
</style>